<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>天天运动-首页</title>

    </head>
    <body>
        <div class="app-index">
            <!-- 轮播图部分 -->
            <div class="swiper slideshow">
                <ul class="swiper-wrapper">
                    <li class="swiper-slide"><img src="../../assets/images/dongman-01.jpg"></li>
                    <li class="swiper-slide"><img src="../../assets/images/dongman-02.jpg"></i></li>
                    <li class="swiper-slide"><img src="../../assets/images/dongman-03.jpg"></i></li>
                    <li class="swiper-slide"><img src="../../assets/images/dongman-04.jpg"></i></li>
                </ul>
                <div class="swiper-pagination"></div>
            </div>
            <!-- 主要内容部分 -->
            <div class="content dpflex">
                <div class="item rank">
                    <h2 class="f18  c54b0da">今日排名</h2>
                    <span id="rank" class="rankNum cf2f2f2">0</span>
                </div>
                <div class="item clockIn">
                    <h2 class="f18  c54b0da">累计打卡<span id="punchIn">0</span>天</h2>
                    <span id="isPunch" class="clockInBtn">今日打卡</span>
                </div>

                <div class="item dataAnalysis flex1">
                    <h2 class="f18  c54b0da">运动数据</h2>
                </div>


                <div class="item badge flex1">
                    <h2 class="f18 c54b0da">累计运动徽章</h2>
                    <p>
                        <span id="insigniaNum" class="badgeNum f36 c54b0da">0</span>
                        <span class="c54b0da">枚</span>
                    </p>
                </div>


                <div class="item drill dataAnalysis wfull">
                    <h2 class="f18 c54b0da">课程训练</h2>
                </div>

                <div class="item running dataAnalysis wfull">
                    <h2 class="f18 c54b0da">户外跑步</h2>
                </div>
            </div>


        </div>

    </body>
</html>
